.treeview{
  background: #fff;
  position: relative;
  overflow: auto;
  display: flex;
  display: -webkit-flex;
  flex: auto;
  dl{
    padding: 0;
    margin: 0;
    display: block;
    overflow-wrap: inherit;
    flex: 1;
  }
  dt{
     padding: 0;
     margin: 0;
     white-space:nowrap;
     display: block;
     flex: 1;
    div{
      padding: .3rem;
      cursor: pointer;
      white-space:nowrap;
    }
    .hover{
      background: #b2e2f0;
    }

  }

}

.noselect {

  -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none; /* Chrome/Safari/Opera */

  -khtml-user-select: none; /* Konqueror */

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* Internet Explorer/Edge */

  user-select: none; /* Non-prefixed version, currently

not supported by any browser */

}